import React, { Component } from 'react'

class Detail extends Component {
  render() {
    // 得到动态路由参数  this.props.match.params  此组件一定是当前路由规则直接匹配成功后渲染的组件  对象
    // console.log(this.props.match)
    console.log(this.props.match.params)
    // search字符串  this.props.location.search 字符串    无须在路由规则中定义
    // console.log(this.props.location)
    const search = new URLSearchParams(this.props.location.search)
    console.log(search.get('kw'))

    // 路由state中的数据 对象  this.props.location.state  == 此方案，最好路由模式要为history，否则有丢失数据
    console.log(this.props.location.state)

    return (
      <div>
        <h3>详情</h3>
      </div>
    )
  }
}

export default Detail
